
.index{
    width: 100%;
    padding-bottom: 160rpx;
}
.banner{
    width: 100%;
 
}
.swiper_img{
    padding-left: 16rpx;
    padding-right: 16rpx;
    width:100%;
    box-sizing: border-box;
}
.swiper_img image{
    width: 100%;
    height: 300rpx;
    border-radius: 18rpx;
}
.navigator-hover {
    color:#fff;
  }
.list{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    box-sizing: border-box;
    flex-wrap: wrap;
    margin: 10rpx 0;
    .list_item{
        height: 150rpx;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 25%;
        image{
            width: 70rpx;
            height: 70rpx;
        }
        text{
           font-size: 26rpx;
           color: #4a4a4a;
           margin-top: 20rpx;
        }
    }
}
.magic{
    width:100%;
    padding: 10rpx 0;
    box-sizing: border-box;
    height: 300rpx;
    overflow: hidden;
    margin-bottom: 15rpx;
    image{
        width: 100%;
        border: none;
        background-color: transparent;
    }
}

.goods{
    padding-top: 10rpx;
    width: 100%;
    padding-bottom: 10rpx;
    .goods_tit{
        width: 100%;
        height: 44rpx;
        display: flex;
        justify-content: space-between;
        margin-bottom: 10rpx;
        .gs_tit_lt{
            position: relative;
            width: 170rpx;
            text-align: center;
            color: #fff;
            font-weight: 500;
            font-size: 26rpx;
            line-height: 44rpx;
            image{
                position: absolute;
                left: 0;
                top: 0;
                z-index: -1;
                width: 170rpx;
                height: 44rpx;
            }
            
        }
        .gs_tit_rt{
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 26rpx;
            font-weight: 400;
            color: #4a4a4a;
            margin-right: 16rpx;
            image{
                width: 11rpx;
                height: 19rpx;
                margin-left: 10rpx;
            }
        }
    }
    .goods_list{
        width: 100%;
        padding: 10rpx 16rpx 0 16rpx;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        .gs_item{
            width: 350rpx;
            height: 480rpx;
            position: relative;
            background-color: #FFFFFF;
            border-radius: 18rpx;
            box-shadow: 0px 1px 10px 1px #CCCDCE;
            margin-bottom: 20rpx;
            .gs_item_img{
                width: 350rpx;
                height: 350rpx;
                overflow: hidden;
                border-radius: 18rpx;
                image{
                    width: 100%;
                    height: 100%;
                }
            }
            .gs_item_tit{
                // text-indent:24rpx ;
                font-size: 26rpx;
                color: #4a4a4a;
                width: 100%;
                line-height: 40rpx;
                padding: 0 10rpx;
                box-sizing: border-box;
            }
            .gs_item_money{
                position: absolute;
                left: 0;
                bottom: 0;
                width: 100%;
                height: 50rpx;
                line-height: 50rpx;
                padding: 0 10rpx;
                box-sizing: border-box;
                text{
                    float: left;
                    font-size: 26rpx;
                    color: #ff4544;
                    font-weight: 600;
                }
                image{
                    float: right;
                    width: 28rpx;
                    height: 28rpx;
                    margin-top: 11rpx;
                    padding-right: 15rpx;
                }
            }
        }
    }
}